<template>
<div>
  <v-header/>
  <v-sidebar/>
  <div class="content-box" :class="{'content-collapse' : collapse}" >
    <div class="content">

      <!--  平滑过度效果     -->
      <transition name="move" mode="out-in">
        <keep-alive>
          <router-view v-if="$route.meta.keepAlive" />  // 不做刷新的跳转
        </keep-alive>
      </transition>
    </div>
  </div>
</div>
</template>

<script>

import vHeader from "../components/Header.vue";
import vSidebar from "../components/Sidebar.vue"

export default {
  name: "Index",
  components : {
    vHeader,
    vSidebar
  },
  data() {
    return {
      collapse : false
    }
  },
  created() {
    console.log(sessionStorage.getItem("uid"));
    this.$bus.on("collapse-content", msg => {
      this.collapse = msg;
    });
    // this.$bus.on("tradechange", res => {
    //   let jres = JSON.parse(res);
    //   let msg = "已成: " + (jres.direction == "BUY" ? "买入  " : "卖出  ") + codeFormat(jres.code) + "  " + jres.volume + "股";
    //   this.$notify({
    //     title: '新成交',
    //     message: msg,
    //     position: 'bottom-right',
    //     type: 'success'
    //   })
    // })
  },
  beforeDestroy() {
    this.$bus.off("collapse-content", msg => {
      this.collapse = msg;
    });
  },
  eventbus: {
    // handlers: [
    //   {
    //     address: 'orderchange-' + sessionStorage.getItem("uid"),
    //     headers: {},
    //     callback: function (err, msg) {
    //
    //       console.log("recv order change");
    //
    //       // queryOrder();
    //       //
    //       // queryTrade();
    //       //
    //       // queryPosi();
    //       //
    //       // queryBalance();
    //     },
    //
    //   },
    //   {
    //     address: 'tradechange-' + sessionStorage.getItem("uid"),
    //     headers: {},
    //     callback: function (err, msg) {
    //       vue.$bus.emit("tradechange", msg.body);
    //     },
    //   }
    // ]
  }
}
</script>

<style scoped>

</style>
